<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./plantilla.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html">

  
    <ui:define name="content">
        <f:view>
            <h:form id="form">
                <h1><h:outputText value="List"/></h1>
                <p:dataTable value="#{controladorGI.listarRegistroIncidencias}" var="item" 
                             rows="25" selection="#{controladorGI.registroincidenciaactual}"
                             rowKey="#{item.id}" selectionMode="single" paginator="true" id="lista">
                
                    <p:ajax event="rowSelect" update=":formeditar:panel" oncomplete="editDialog.show()" />
                    
                    <p:column sortBy="#{item.id}">
                        <f:facet name="header">
                            <h:outputText value="Id"/>
                        </f:facet>
                        <h:outputText value="#{item.id}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="CodigoUsuario"/>
                        </f:facet>
                        <h:outputText value="#{item.codigoUsuario}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Descripcion"/>
                        </f:facet>
                        <h:outputText value="#{item.descripcion}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="FechaIncidencia"/>
                        </f:facet>
                        <h:outputText value="#{item.fechaIncidencia}">
                            <f:convertDateTime pattern="MM/dd/yyyy" />
                        </h:outputText>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="FechaRegistro"/>
                        </f:facet>
                        <h:outputText value="#{item.fechaRegistro}">
                            <f:convertDateTime pattern="MM/dd/yyyy HH:mm:ss" />
                        </h:outputText>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Estado"/>
                        </f:facet>
                        <h:outputText value="#{item.estado}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="TipoincidenciaId"/>
                        </f:facet>
                        <h:outputText value="#{item.tipoincidenciaId.descripcion}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="EquipoId"/>
                        </f:facet>
                        <h:outputText value="#{item.equipoId.descripcion}"/>
                    </p:column>
                </p:dataTable>
            </h:form>
            
            <h:form id="formeditar">
                <p:dialog widgetVar="editDialog" modal="true" showEffect="explode" 
                          hideEffect="explode" header="Editar Registro Incidencias">
                        <p:panelGrid columns="2" id="panel">
                            <p:outputLabel value="CodigoUsuario:" for="codigoUsuario" />
                            <p:inputText id="codigoUsuario" value="#{controladorGI.registroincidenciaactual.codigoUsuario}" required="true" requiredMessage="The CodigoUsuario field is required."/>
                            <p:outputLabel value="Descripcion:" for="descripcion" />
                            <p:inputText id="descripcion" value="#{controladorGI.registroincidenciaactual.descripcion}" />
                            <p:outputLabel value="FechaIncidencia:" for="fechaIncidencia" />
                            <p:calendar id="fechaIncidencia" value="#{controladorGI.registroincidenciaactual.fechaIncidencia}" />

                            <p:outputLabel value="FechaRegistro:" for="fechaRegistro" />
                            <p:calendar id="fechaRegistro" value="#{controladorGI.registroincidenciaactual.fechaRegistro}"/>
                            <p:outputLabel value="Estado:" for="estado" />
                            <p:inputText id="estado" value="#{controladorGI.registroincidenciaactual.estado}"/>
                            <p:outputLabel value="Tipoincidencia:" for="tipoincidenciaId" />
                            <p:selectOneMenu id="tipoincidenciaId" converter="tipoincidenciaconverter"
                                value="#{controladorGI.registroincidenciaactual.tipoincidenciaId}" required="true" requiredMessage="The TipoincidenciaId field is required.">
                                <!-- TODO: update below reference to list of available items-->
                                <f:selectItems value="#{controladorGI.listarTipoIncidencias}" var="tipoin" itemValue="#{tipoin}" itemLabel="#{tipoin.descripcion}"/>
                            </p:selectOneMenu>
                            <p:outputLabel value="EquipoId:" for="equipoId" />
                            <p:selectOneMenu id="equipoId" converter="equipoconverter" value="#{controladorGI.registroincidenciaactual.equipoId}" >
                                <!-- TODO: update below reference to list of available items-->
                                <f:selectItems value="#{controladorGA.listarEquipos}" 
                                            var="equipo" itemValue="#{equipo}" itemLabel="#{equipo.descripcion}"/>
                            </p:selectOneMenu>
                            <p:commandButton value="Guardar" update=":form:lista" oncomplete="editDialog.hide()" actionListener="#{controladorGI.doGuardarRegistroIncidencia()}" />
                            
                </p:panelGrid>
                        
                </p:dialog>
            </h:form>
        </f:view>


        
    </ui:define>

  
</ui:composition>
